<template>
  <div class="home-container">
    <ClientOnly>
      <ArticleList v-model="articleValue"> </ArticleList>
      <template #fallback>
        <div>加载中...</div>
      </template>
    </ClientOnly>
  </div>
</template>

<script setup>
import { ArticleList } from "Officialblock";
const numDemo = ref(0);
// 页面元数据
// definePageMeta({
//   layout: "default",
// });
const articleValue = ref({});

const handleChange = (value) => {
  console.log("值改变了:", value);
};
</script>

<style scoped>
.home-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}

.welcome-card {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
</style>
